Adjusting the menu width

You can adjust the width of the left menu bar to suit your page

1. Go to Manage Space, and then to Look and Feel.

2. Click on 'Change or make a new theme'.

3. If your are not already using a custom theme, you will need to make one.

(In 'Make a new theme' type in your theme name and select the original from the dropdown list. Click edit, and now you will be able to edit your theme.)

4. Find the part in the theme that says:

 **#leftcolumn { position: absolute; left: 0; top: 0; width: 160px; } #rightcolumn { max-width: 70em; margin-left: 169px; margin-right: 8px; voice-family: "\"}\""; voice-family: inherit; margin-left: 161px; } html>body #rightcolumn { margin-left: 161px; margin-right: 8px; }**
 **5. The 'left column' refers to the left margin. It is the px on this margin you need to change. To make a wider margin you will increase the px, and to make a narrower margin you will decrease the px. You must do this in **FOUR** places.**
 **6. The first one to change is the last number in the first line. Change this to the new width.**
 **7. Next find the px in the second line that follows 'margin-left: ' and change that. It should be 9px bigger than the number on the first line.**
 **8. Next find the px in the third line that follows 'margin-left: ' and change that. It should be 1px bigger than the number on the first line.**
 **9. Lastly find the px in the fourth line that follows 'margin-left: ' and change that. It should be 1px bigger than the number on the first line.**
 
 **My code for this wiki looks like this:**
 

 **#leftcolumn { position: absolute; left: 0; top: 0; width: 120px; } #rightcolumn { max-width: 100em; margin-left: 129px; margin-right: 8px; voice-family: "\"}\""; voice-family: inherit; margin-left: 121px; } html>body #rightcolumn { margin-left: 121px; margin-right: 8px; } I also adjusted the size of my main body (rightcolumn) to compensate. You see I have made mine 100em, whereas the original was 70em. You can play around with this for yourself.**
 
**Now SAVE.**